#Degradados{
    background-image: linear-gradient(red,blue);
}

#Degradados1{
    background-image: linear-gradient(to right,red,blue);
}

#Degradados2{
  background-image: linear-gradient(to bottom right, red, blue);
}

#Degradados3{
  background-image: linear-gradient(360deg, red, blue);
}

#Degradados4{
  background-image: linear-gradient(rgb(0, 128, 6), red, blue);
}

#Degradados5{
  background-image: linear-gradient(to right,red,orange,yellow,green,blue,purple);
  text-align: center;
}
#Degradados6{
  background-image: linear-gradient(to right,rgb(59, 252, 0),rgba(0, 255, 34, 0.507));
}
#Degradados7{
  background-image: repeating-linear-gradient(rgb(0, 162, 255), rgb(47, 0, 255) 10%, rgb(87, 0, 128) 20%);
  width: 100%;
  height: 150px;
  text-align: center;
}

#Radial1{
  background-image: radial-gradient(rgb(105, 3, 3), rgb(0, 255, 13), rgb(248, 0, 248));
  height: 150px;
}

#Radial2 {
  background-image: radial-gradient(red 5%, yellow 15%, green 60%);
  height: 150PX;
}

#Radial3 {
  background-image: radial-gradient(circle,red 5%, yellow 15%, rgb(0, 0, 0) 60%);
  height: 150PX;
  width: 50%;
  color: white;
}

#R14{
 background-image: radial-gradient(closest-side at 80% 40%,red 5%, yellow 15%, rgb(0, 0, 0) 60%);
  height: 150PX;
  width: 25%;
  color: white;
}
#R15{
 background-image: radial-gradient(farthest-side at 60% 20%, yellow 15%, rgb(0, 0, 0) 60%);
  height: 150PX;
  width: 25%;
  color: white;
}
#R16{
 background-image: radial-gradient(closest-corner at 60% 55%,red 5%, yellow 15%, rgb(0, 0, 0) 60%);
  height: 150PX;
  width: 25%;
  color: white;
}
#R17{
 background-image: radial-gradient(farthest-corner at 60%,red 5%, yellow 15%, rgb(0, 0, 0) 60%);
  height: 150PX;
  width: 25%;
  color: white;
}
#R18{
  background-image: repeating-radial-gradient(rgb(105, 3, 3), rgb(0, 255, 13) 10%, rgb(248, 0, 248) 25%);
  height: 150px;
  width: 25%;
}

#conic {
  background-image: conic-gradient(rgb(174, 0, 255), rgb(234, 0, 255), rgb(128, 0, 0));
  width: 25%;
  height: 100px;
}
#conic1 {
  background-image: conic-gradient(rgb(174, 0, 255), rgb(234, 0, 255), rgb(128, 0, 0),rgb(0, 60, 255),rgb(10, 230, 127));
  width: 25%;
  height: 100px;
}

#conic2 {
  background-image: conic-gradient(red 45deg, rgb(0, 60, 255) 90deg, rgba(255, 11, 243, 0.938) 210deg);
  width: 25%;
  height: 100px;
}
#A{
 background-image: conic-gradient(rgb(255, 0, 85), rgb(68, 0, 255), green, rgb(255, 0, 212), black);
  border-radius: 50%;
    width: 20%;
  height: 120px;
}
#B{
 background-image: conic-gradient(rgb(255, 0, 212) 0deg,rgb(255, 0, 212) 90deg,rgb(68, 0, 255) 90deg, rgb(68, 0, 255)180deg, rgb(255, 0, 21) 180deg,  rgb(255, 0, 21)270deg, blue 270deg);
  border-radius: 50%;
    width: 20%;
  height: 120px;
}

#C{
 background-image: conic-gradient(FROM 180deg,rgb(255, 0, 85), rgb(68, 0, 255), green, rgb(255, 0, 212), black);
  border-radius: 50%;
    width: 20%;
  height: 120px;
}
#D{
 background-image: conic-gradient(at 60% 45%,rgb(255, 0, 85), rgb(68, 0, 255), green, rgb(255, 0, 212), black);
  border-radius: 50%;
    width: 20%;
  height: 120px;
}
#E{
 background-image: repeating-conic-gradient(rgb(255, 0, 85) 10%, rgb(68, 0, 255)30%);
  border-radius: 50%;
    width: 20%;
  height: 120px;
}
#F{
 background-image: repeating-conic-gradient(rgb(255, 0, 149) 0deg 10deg, rgb(234, 0, 255) 10deg 20deg, rgb(233, 233, 233) 20deg 30deg);
  border-radius: 50%;
    width: 20%;
  height: 120px;
}